import type { FC } from 'react';
import { Feather } from '@expo/vector-icons';
import { primaryColor } from '@/constants/Colors';
import Input from '../Input';
import type { EmailInputProps } from './types';

const EmailInput: FC<EmailInputProps> = (props) => {
  const renderPrefix = (focus: boolean) => {
    const color = focus ? primaryColor : "#aaa";
    return <Feather size={18} name="mail" color={color} />;
  }
  return <Input {...props} prefix={renderPrefix} />;
}

export default EmailInput;